<ion-view id="details" view-title="商品详细页面" hide-back-button="true" cache-view="false">
  <ion-content class="scroll-content" scroll="false">
    <!-- 头部 -->
    <header id="header">
      <div class="header-left">
        <div ng-click="func_goBack()">
          <span></span>
        </div>
      </div>
      <div class="header-center">
        <span>商品详情</span>
      </div>
      <div class="header-right">
        <span></span>
      </div>
    </header>
    <!-- 产品展示图 -->
    <div id="view">
      <div class="viewWarp">
        <ul>
          <li>
            <!-- <img src="img/home/hotport.JPG" alt=""> -->
			<ion-slide-box class="headerSlider" auto-play="true" does-continue="true">
			  <ion-slide>
			    <img ng-src="img/category/ms12.jpg">
			  </ion-slide>
			  <ion-slide>
			    <img ng-src="img/category/ms13.jpg">
			  </ion-slide>
			  <ion-slide>
			    <img ng-src="img/category/ms14.jpg">
			  </ion-slide>
			  <ion-slide>
			    <img ng-src="img/category/ms15.jpg">
			  </ion-slide>
          </li>
        </ul>
        <div class="viewText"><span>1</span>/6</div>
      </div>
    </div>
    <!-- 产品选项 -->
    <div id="des">
      <div class="desText">火锅</div>
      <div class="desNumber">¥88.5</div>
    </div>
    <div id="list">
      <!-- <div class="yixuan">
        <span>已选</span>
        标准冰 三分甜 1件
      </div> -->
      <div class="yanse clearBoth">
      <span class="floatLeft">大份</span>
        <div class="floatLeft" ng-repeat="item in obj_goodsInfo.colorGroup">
          <input id="colorRadio{{$index}}" type="radio" name="color" value="{{item.value}}"  ng-checked="$index==0?true:false" ng-init="$index==0?obj_goodsDetailInfo.color=item.value:''" ng-model="obj_goodsDetailInfo.color">
          <span ng-class="obj_goodsDetailInfo.color==item.value?'listCurrent':''" class="listBox"><label for="colorRadio{{$index}}">{{item.name}}</label></span>
        </div>
    </div>
      <div class="chicun clearBoth">
        <span class="floatLeft">红锅|鸳鸯锅</span>
        <div class="floatLeft" ng-repeat="item in obj_goodsInfo.sizeGroup">
          <input id="sizeRadio{{$index}}" type="radio" name="size" value="{{item.value}}"  ng-checked="$index==0?true:false" ng-init="$index==0?obj_goodsDetailInfo.size=item.value:''" ng-model="obj_goodsDetailInfo.size">
          <span ng-class="obj_goodsDetailInfo.size==item.value?'listCurrent':''" class="listBox"><label for="sizeRadio{{$index}}">{{item.name}}</label></span>
        </div>
      </div>
      <div class="shuliang clearBoth">
        <span class="floatLeft">数量</span>
        <div class="floatLeft">
          <span class="listLeft floatLeft" ng-click="func_jian1()">-</span>
          <input class="floatLeft" type="text" readonly ng-model="obj_goodsDetailInfo.number">
          <span class="listRight floatLeft" ng-click="func_jia1()">+</span>
        </div>
      </div>
    </div>
    <div id="otherInfo">
      <div class="songzhi">
        <span>送至</span>
        <p>重庆城市科技学院男生宿舍9栋</p>
      </div>
      <div class="yunfei">
        <span>运费</span>
        <p>免运费</p>
      </div>
      <div class="fuwu">
        <span>服务</span>
        <p>准时保 号码保护</p>
      </div>
      <div class="tishi">
        <span>提示</span>
        <p>你的美食正在路上</p>
      </div>
    </div>
  </ion-content>
  <!-- 固定底边栏 -->
  <div id="buy">
    <div class="buyLeft">
      <div class="guanzhu">
        <span></span>
        <strong>关注</strong>
      </div>
      <div class="gouwuche" ui-sref="cart">
        <span></span>
        <i id="badge" class="badge badge-assertive">{{obj_cartCount.count}}</i>
        <strong>购物车</strong>
      </div>
    </div>
    <div class="buyCenter" ng-click="func_addToCart()">加入购物车</div>
    <div class="buyRight" ng-click="func_goHome()">立即购买</div>
  </div>
</ion-view>
